.feature:after, .more:after, .footer:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.feature, .more, .footer { zoom: 1; }

.header-logo, .header-adr, .header-iph, .header-ipa, .header-act-slogan, .header-hand, .header-hand--iph, .header-hand--ipa, .header-download,.weixin-download, .f-pic, .f-hover, .f-arrow, .view-pic, .more-lipic { text-indent: -9999px; overflow: hidden; white-space: nowrap; }

.header-wrap, .feature-wrap, .view, .view-1, .view-2, .view-3, .morewrap { margin-left: auto; margin-right: auto; }

body { width: 100%; *zoom: 1; }
body:before, body:after { content: ""; display: table; }
body:after { clear: both; }

@-webkit-keyframes fadeIn { 0% { opacity: 0.5; }
  100% { opacity: 1; } }
@-moz-keyframes fadeIn { 0% { opacity: 0.5; }
  100% { opacity: 1; } }
html { font-size: 100px; -webkit-text-size-adjust: none; }

.body { overflow: hidden; -webkit-backface-visibility: hidden; }

.header { background: #181815 url(../img/header-background.jpg) no-repeat top center; background-size: 1920px 620px; background-size: 19.2rem 6.2rem; position: relative; z-index: 10; }

.header--iph { background: #F0F0F0 url(../img/iph/header-background.jpg) no-repeat top center; background-size: 1920px 620px; background-size: 19.2rem 6.2rem; }

.header--ipa { background: #CC98BD url(../img/ipa/header-background.jpg) no-repeat top center; background-size: 1920px 620px; background-size: 19.2rem 6.2rem; }

.header-wrap { width: 1024px; width: 10.24rem; height: 620px; height: 6.2rem; position: relative; }

.header-logo, .header-adr, .header-iph, .header-ipa, .header-act-slogan { display: block; position: absolute; left: 0; top: 0; }

.header-logo { width: 170px; width: 1.7rem; height: 78px; height: 0.78rem; background: url("../img/header-logo.png") no-repeat 0 0; background-size: 100%; }

.header-logo-ad { background-image: url("../img/header-logo-ad.png"); }

.header-act-slogan { left: 185px; left: 1.85rem; top: 8px; top: 0.08rem; width: 271px; width: 2.71rem; height: 75px; height: 0.75rem; background: url("../img/header-act-slogan.png") no-repeat 0 0; background-size: 100%; }

.header-adr-on, .header-iph-on, .header-ipa-on { border-bottom: 2px solid #2ca0f2; border-bottom: 0.02rem solid #2ca0f2; }

.header-adr { position: absolute; top: 0px; top: 0rem; left: 620px; left: 6.2rem; width: 96px; width: 0.96rem; height: 63px; height: 0.63rem; background: url("../img/tab-adr.png") no-repeat 0 0; background-size: 100%; }

.header-adr-on, .header-adr:hover { background-image: url("../img/tab-adr-on.png"); background-size: 100%; }

.header-iph { position: absolute; top: 0px; top: 0rem; left: 769px; left: 7.69rem; width: 83px; width: 0.83rem; height: 63px; height: 0.63rem; background: url("../img/tab-iph.png") no-repeat 0 0; background-size: 100%; }

.header-iph-on, .header-iph:hover { background-image: url("../img/tab-iph-on.png"); background-size: 100%; }

.header-ipa { position: absolute; top: 0px; top: 0rem; left: 890px; left: 8.9rem; width: 64px; width: 0.64rem; height: 63px; height: 0.63rem; background: url("../img/tab-ipa.png") no-repeat 0 0; background-size: 100%; }

.header-ipa-on, .header-ipa:hover { background-image: url("../img/tab-ipa-on.png"); background-size: 100%; }

.header-title, .header-title--iph, .header-title--ipa { position: absolute; top: 100px; top: 1.0rem; left: 20px; left: 0.2rem; font-size: 46px; font-size: 0.46rem; font-family: arial,\5FAE\8F6F\96C5\9ED1,\5b8b\4f53; color: #fff; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.6); }

.header-sologan, .header-sologan--iph, .header-sologan--ipa { position: absolute; top: 170px; top: 1.7rem; left: 20px; left: 0.2rem; font-size: 16px; font-size: 0.16rem; font-family: arial,\5FAE\8F6F\96C5\9ED1,\5b8b\4f53; color: #fff; }

.header-sologan { color: #000; opacity: 0.65; background: #fff; padding: 0 0.3em; font-size: 24px; font-size: 0.24rem; background: url(../img/header-sologan.png) no-repeat 0 0; background-size: 100% 100%; }

.header-sologan--ipa { width: 3.4rem; }

.header-title--iph { text-shadow: none; color: #333; }

.header-sologan--iph { text-shadow: none; color: #777; }

.header-version--ad { position: absolute; top: 125px; top: 1.25rem; left: 350px; left: 3.50rem; width: 66px; width: 0.66rem; height: 31px; height: 0.31rem; background: url("../img/header-version-ad.png") no-repeat 0 0; background-size: 100%; font-size: 16px; font-size: 0.16rem; line-height: 30px; line-height: 0.3rem; color: #fff; text-align: center; }

.header-version--iph, .header-version--ipa { position: absolute; top: 200px; top: 2rem; left: 280px; left: 2.8rem; width: 54px; width: 0.54rem; height: 23px; height: 0.23rem; background: url("../img/header-version.png") no-repeat 0 0; background-size: 100%; text-align: center; font-size: 16px; font-size: 0.16rem; color: #fff; left: 230px; left: 2.3rem; }

.header-version--iph { left: 270px; left: 2.7rem; }

.header-feature { position: absolute; top: 220px; top: 2.2rem; left: 20px; left: 0.2rem; font-size: 18px; font-size: 0.18rem; color: #fff; font-style: italic; }

.header-hand { position: absolute; right: 0; bottom: 0; width: 339px; width: 3.39rem; height: 515px; height: 5.15rem; background: url("../img/header-hand.png") no-repeat 0 0; background-size: 100%; }

.header-hand--iph { position: absolute; right: 0; bottom: 0; width: 507px; width: 5.07rem; height: 511px; height: 5.11rem; background: url("../img/iph/header-hand.png") no-repeat 0 0; background-size: 100%; }

.header-hand--ipa { position: absolute; right: 0; bottom: 0; width: 645px; width: 6.45rem; height: 511px; height: 5.11rem; background: url("../img/ipa/header-hand.png") no-repeat 0 0; background-size: 100%; }

.header-download { position: absolute; top: 310px; top: 3.1rem; left: 20px; left: 0.2rem; width: 270px; width: 2.70rem; height: 117px; height: 1.17rem; background: url("../img/header-download.png") no-repeat 0 0; background-size: 100%; }
.weixin-download { position: absolute; top: 310px; top: 3.1rem; left: 300px; left: 3.0rem; width: 270px; width: 2.70rem; height: 117px; height: 1.17rem; background: url("../img/weixin-download.png") no-repeat 0 0; background-size: 100%; }
.header-qrcode{ position: absolute; top: 440px; top: 4.4rem; left: 20px; left: 0.2rem; width: 109px; width: 1.09rem; height: 109px; height: 1.09rem; background-size: 100%; border: 5px solid rgba(0, 0, 0, 0.11); border: 0.05rem solid rgba(0, 0, 0, 0.11); }
.header-qrcode,.header-qrcode2 span{width: 109px;color:#fff;font-size: 26px}
.header-qrcode2{ position: absolute; top: 440px; top: 4.4rem; left: 300px; left: 3rem; width: 109px; width: 1.09rem; height: 109px; height: 1.09rem; background-size: 100%; border: 5px solid rgba(0, 0, 0, 0.11); border: 0.05rem solid rgba(0, 0, 0, 0.11); }

.header-updatetime3, .header-updatetime2, .header-updatetime { font-size: 12px; font-size: 0.12rem; color: #C0C3C7; position: absolute; top: 490px; top: 4.9rem; left: 25px; left: 0.25rem; }
.header-updatetime3:hover, .header-updatetime2:hover, .header-updatetime:hover { text-decoration: none; }

.header-updatetime2 { color: #333; }

.header-dl-wrap { position: absolute; top: 482px; top: 4.82rem; left: 200px; left: 2rem; display: block; color: #C0C3C7; width: 122px; width: 1.22rem; background: transparent url(../img/header-othersetup.png) no-repeat top right; }

.header-dl-wrap:hover, .header-dl-wrap__open, .header-dl-wrap__hover { background-color: #000; border-radius: 4px; opacity: 0.6; opacity: 0.7; text-decoration: none; }

.header-dl-ad, .header-dl-91, .header-dl-360 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; position: relative; color: #C0C3C7; height: 35px; height: 0.35rem; line-height: 35px; line-height: 0.35rem; padding-left: 32px; padding-left: 0.32rem; border-top: 1px solid #C0C3C7; }
.header-dl-ad:hover, .header-dl-91:hover, .header-dl-360:hover { text-decoration: none; }

.header-dl-ad { padding-left: 0; border: 0; text-indent: .8em; }

.header-dl-91 { display: none; background: url(../img/header-dl-91.png) no-repeat top left; }
.header-dl-91:hover { color: #2194ee; text-decoration: none; }

.header-dl-360 { display: none; background: url(../img/header-dl-360.png) no-repeat top left; }
.header-dl-360:hover { color: #2194ee; text-decoration: none; }

.feature-wrap { width: 1024px; width: 10.24rem; }

.feature { width: 1108px; width: 11.08rem; margin-right: -100px; margin-right: -1rem; }

.f-feature { position: relative; display: block; float: left; width: 141px; width: 1.41rem; height: 220px; height: 2.2rem; margin: 42px 100px 0 36px; margin: 0.42rem 1rem 0 0.36rem; }
.f-feature:hover { text-decoration: none; }

.f-pic { position: absolute; top: 0px; top: 0rem; left: 0px; left: 0rem; width: 141px; width: 1.41rem; height: 141px; height: 1.41rem; background-position: 0 0; background-repeat: no-repeat; background-size: 100%; }

.f-hover { position: absolute; top: 0; left: 0; width: 141px; width: 1.41rem; height: 141px; height: 1.41rem; cursor: pointer; display: none; }

.f-txt { position: absolute; top: 160px; top: 1.6rem; left: 0px; left: 0rem; width: 100%; text-align: center; font-size: 24px; font-size: 0.24rem; color: #666; }

.f-on .f-txt { color: #2194ee; }
.f-on .f-hover { display: block; background-size: 100%; -webkit-animation: fadeIn .5s .2s ease both; -moz-animation: fadeIn .5s .2s ease both; }

.f-friend-pic { background-image: url(../img/feature-friend.png); }

.f-speed-pic { background-image: url(../img/feature-speed.png); }

.f-source-pic { background-image: url(../img/feature-source.png); }

.f-yunbo-pic { background-image: url(../img/feature-yunbo.png); }

.f-custom-pic { background-image: url(../img/feature-custom.png); }

.f-sgroup-pic { background-image: url(../img/feature-sgroup.png); }

.f-nearby-pic { background-image: url(../img/feature-nearby.png); }

.f-clist-pic { background-image: url(../img/feature-clist.png); }

.f-lixian-pic { background-image: url(../img/feature-lixian.png); }

.f-on .f-friend-hover { background-image: url(../img/feature-friend-on.png); }

.f-on .f-speed-hover { background-image: url(../img/feature-speed-on.png); }

.f-on .f-source-hover { background-image: url(../img/feature-source-on.png); }

.f-on .f-yunbo-hover { background-image: url(../img/feature-yunbo-on.png); }

.f-on .f-custom-hover { background-image: url(../img/feature-custom-on.png); }

.f-on .f-sgroup-hover { background-image: url(../img/feature-sgroup-on.png); }

.f-on .f-nearby-hover { background-image: url(../img/feature-nearby-on.png); }

.f-on .f-clist-hover { background-image: url(../img/feature-clist-on.png); }

.f-on .f-lixian-hover { background-image: url(../img/feature-lixian-on.png); }

.f-arrow { position: absolute; top: 208px; top: 2.08rem; left: 55px; left: 0.55rem; display: none; width: 31px; width: 0.31rem; height: 14px; height: 0.14rem; background: url("../img/f-speed-arrow.png") no-repeat 0 0; background-size: 100%; }

.f-on .f-arrow { display: block; }

.viewwrap { border: 1px solid #D6D6D6; border: 0.01rem solid #D6D6D6; background: #F4F4F4; }

.view, .view-1, .view-2, .view-3 { height: 640px; height: 6.4rem; width: 1024px; width: 10.24rem; position: relative; }

.view-1, .view-2, .view-3 { display: none; }

.view-title { position: absolute; top: 200px; top: 2rem; left: 35px; left: 0.35rem; font-size: 40px; font-size: 0.4rem; color: #111; }

.view-txt { position: absolute; top: 290px; top: 2.9rem; left: 35px; left: 0.35rem; width: 370px; width: 3.7rem; color: #666; font-size: 18px; font-size: 0.18rem; }

.view-2 .view-txt { width: 340px; width: 3.4rem; }

.view-pic { position: absolute; right: 0; bottom: 0; width: 720px; width: 7.2rem; height: 640px; height: 6.4rem; background-repeat: no-repeat; background-position: 0 0; background-size: 100%; }

.view-source-pic--iph { background-image: url(../img/iph/view-source-pic.jpg); }

.view-source-pic--ipa { background-image: url(../img/ipa/view-source-pic.jpg); }

.view-speed-pic { background-image: url(../img/view-speed-pic.jpg); }

.view-speed-pic--iph { background-image: url(../img/iph/view-speed-pic.jpg); }

.view-speed-pic--ipa { background-image: url(../img/ipa/view-speed-pic.jpg); }

.view-yunbo-pic { background-image: url(../img/view-yunbo-pic.jpg); }

.view-yunbo-pic--iph { background-image: url(../img/iph/view-yunbo-pic.jpg); }

.view-yunbo-pic--ipa { background-image: url(../img/ipa/view-yunbo-pic.jpg); }

.view-custom-pic { background-image: url(../img/view-custom-pic.jpg); }

.view-sgroup-pic { background-image: url(../img/view-sgroup-pic.jpg); }

.view-nearby-pic { background-image: url(../img/view-nearby-pic.jpg); }

.view-sgroup-pic--ipa { background-image: url(../img/ipa/view-sgroup-pic.jpg); }

.view-clist-pic { background-image: url(../img/view-clist-pic.jpg); }

.view-lixian-pic { background-image: url(../img/view-lixian-pic.jpg); }

.view-lixian-pic--iph { background-image: url(../img/iph/view-lixian-pic.jpg); }

.view-lixian-pic--ipa { background-image: url(../img/ipa/view-lixian-pic.jpg); }

.view-c { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-repeat: no-repeat; background-position: 0 0; background-size: 100%; }

.view-speed-c1 { background-image: url(../img/view-speed-c1.png); }

.view-speed-c2 { background-image: url(../img/view-speed-c2.png); }

.view-yunbo-c1 { background-image: url(../img/view-yunbo-c1.png); }

.view-yunbo-c2 { background-image: url(../img/view-yunbo-c2.png); }

.view-custom-c1 { background-image: url(../img/view-custom-c1.png); }

.view-sgroup-c1 { background-image: url(../img/view-sgroup-c1.png); }

.view-sgroup-c2 { background-image: url(../img/view-sgroup-c2.png); }

.view-nearby-c1 { background-image: url(../img/view-nearby-c1.png); }

.view-sgroup-c1--ipa { background-image: url(../img/ipa/view-sgroup-c1.png); }

.view-sgroup-c2--ipa { background-image: url(../img/ipa/view-sgroup-c2.png); }

.view-clist-c1 { background-image: url(../img/view-clist-c1.png); }

.view-source-c1--iph { background-image: url(../img/iph/view-source-c1.png); }

.view-source-c2--iph { background-image: url(../img/iph/view-source-c2.png); }

.view-source-c1--ipa { background-image: url(../img/ipa/view-source-c1.png); }

.view-source-c2--ipa { background-image: url(../img/ipa/view-source-c2.png); }

.view-speed-c1--iph { background-image: url(../img/iph/view-speed-c1.png); }

.view-speed-c2--iph { background-image: url(../img/iph/view-speed-c2.png); }

.view-speed-c1--ipa { background-image: url(../img/ipa/view-speed-c1.png); }

.view-speed-c2--ipa { background-image: url(../img/ipa/view-speed-c2.png); }

.view-lixian-c1--iph { background-image: url(../img/iph/view-lixian-c1.png); }

.view-lixian-c2--iph { background-image: url(../img/iph/view-lixian-c2.png); }

.view-lixian-c1--ipa { background-image: url(../img/ipa/view-lixian-c1.png); }

.view-lixian-c2--ipa { background-image: url(../img/ipa/view-lixian-c2.png); }

.morewrap { width: 1024px; width: 10.24rem; overflow: hidden; }

.more { width: 1024px; width: 10.24rem; padding-top: 40px; padding-top: 0.4rem; padding-bottom: 40px; padding-bottom: 0.4rem; }

.more-li { width: 256px; width: 2.56rem; float: left; text-align: center; font-size: 24px; font-size: 0.24rem; color: #222; border-right: 1px dotted #a6a6a6; margin-right: -1px; }

.more-lipic { margin: 0 auto 20px; margin: 0 auto 0.2rem; width: 150px; width: 1.5rem; height: 110px; height: 1.1rem; background: url("../img/more-search.jpg") no-repeat 0 0; background-size: 100%; background-size: 100%; }

.more-fguanli-pic { background-image: url(../img/more-fguanli.jpg); }

.more-search-pic { background-image: url(../img/more-search.jpg); }

.more-airplay-pic { background-image: url(../img/more-airplay.jpg); }

.more-source-pic { background-image: url(../img/more-source.jpg); }

.more-safe-pic { background-image: url(../img/more-safe.jpg); }

.more-yuan-pic { background-image: url(../img/more-yuan.jpg); }

.more-clouddown-pic { background-image: url(../img/more-clouddown.jpg); }

.more-chuan-pic { background-image: url(../img/more-chuan.jpg); }

.more-txt { margin-top: 15px; margin-top: 0.15rem; }

.more-txt, .more-txt2 { font-size: 14px; font-size: 0.14rem; color: #666; }

.footer { background: #f8f8f8; }

.footerp { color: #bdbdbd; font-size: 13px; font-size: 0.13rem;padding-bottom: 15px;padding-bottom: .15rem;text-align: center; }

.footer_links{padding: 15px 0 5px; padding: 0.15rem 0 .05rem;text-align: center;color: #bdbdbd;font-size: 13px;font-size: .13rem;}
.footer_link{padding: 0 .6rem;padding: 0 6px;color:inherit;text-decoration: underline;}


.pcpad .header-wrap { width: 720px; width: 7.2rem; }
.pcpad .header-logo { left: -35px; left: -0.35rem; }
.pcpad .header-adr { position: absolute; top: 0px; top: 0rem; left: 330px; left: 3.3rem; }
.pcpad .header-iph { position: absolute; top: 0px; top: 0rem; left: 482px; left: 4.82rem; }
.pcpad .header-ipa { position: absolute; top: 0px; top: 0rem; left: 640px; left: 6.4rem; }
.pcpad .header-title { position: absolute; top: 208px; top: 2.08rem; left: 14px; left: 0.14rem; }
.pcpad .header-sologan { position: absolute; top: 268px; top: 2.68rem; left: 14px; left: 0.14rem; }
.pcpad .header-hand { position: absolute; top: 156px; top: 1.56rem; left: 297px; left: 2.97rem; }
.pcpad .header-feature, .pcpad .header-dl-wrap, .pcpad .header-hand, .pcpad .header-hand--iph, .pcpad .header-hand--ipa { display: none; }
.pcpad .f-feature { margin: 38px 52px 0 0; margin: 0.38rem 0.52rem 0 0; }
.pcpad .view-1, .pcpad .view-2, .pcpad .view-3, .pcpad .view { height: 820px; height: 8.2rem; }
.pcpad .view-title { position: absolute; top: 608px; top: 6.08rem; left: 76px; left: 0.76rem; }
.pcpad .view-txt { width: 600px; width: 6rem; position: absolute; top: 678px; top: 6.78rem; left: 76px; left: 0.76rem; }
.pcpad .view-pic { position: absolute; top: 50px; top: 0.5rem; left: 0px; left: 0rem; right: auto; bottom: auto; }
.pcpad .morewrap { width: 720px; width: 7.2rem; }
.pcpad .more { width: 720px; width: 7.2rem; }
.pcpad .more-li { width: 180px; width: 1.8rem; font-size: 16.8px; font-size: 0.168rem; border-right: 1px dotted #a6a6a6; margin-right: -1px; }
.pcpad .more-txt, .pcpad .more-txt2 { display: none; }

/* 屏蔽搜索模块 */
.feature-wrap,.viewwrap{display: none;}